Log in Register Dashboard Temp Share Shortlinks Frames API

cody - HTMLify profile

cody's Profile Picture

cody

4270 Files

632840 Views

Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game

img/ cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game/img/
2 Items
  • bg.jpg
  • mic.jpg
  • style.css cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game/style.css
    101 Views
    0 Comments
    * {
    box-sizing: border-box;
    }

    body {
    background: #2f3542 url('img/bg.jpg') no-repeat left center/cover;
    color: #fff;
    min-height: 100vh;
    index.html cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game/index.html
    264 Views
    0 Comments
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <title>Speak Number Guess</title>
    readme.md cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game/readme.md
    158 Views
    0 Comments
    ## Speak Number Guessing Game

    Number guessing game where you speak your guess into the microphone using the speech recognition API

    ## Project Specifications

    - Display UI directing user to speak guess
    - Implement speech recognition to listen to mic
    script.js cody/swapnilsparsh/30DaysOfJavaScript/209 - Speech-Number-Guess game/script.js
    110 Views
    0 Comments
    const msgEl = document.getElementById('msg');

    const randomNum = getRandomNumber();

    console.log('Number:', randomNum);

    window.SpeechRecognition =
    window.SpeechRecognition || window.webkitSpeechRecognition;